<template>
    <div>
      <el-table v-loading="loading" border @row-dblclick="shuangjiya" :data="infoList" @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55" align="center" />
        <el-table-column label="施工队ID" align="center" prop="constructionId" />
        <el-table-column label="施工队编码" align="center" prop="constructionCore" />
        <el-table-column label="姓名" align="center" prop="constructionName" />
        <el-table-column label="商品/施工队的供应商ID" align="center" prop="supplierId" />
        <el-table-column label="施工队的分类ID" align="center" prop="teamId" />
        <el-table-column label="施工队销售价格" align="center" prop="price" />
        <el-table-column label="上下架状态：0上架1下架" align="center" prop="publishStatus" />
        <el-table-column label="审核状态：0未审核，1已审核" align="center" prop="auditStatus" />
        <el-table-column label="施工队录入时间" align="center" prop="constructionDate" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.constructionDate, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="施工队描述" align="center" prop="descript" />
        <el-table-column label="最后修改时间" align="center" prop="modifiedTime" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.modifiedTime, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
      </el-table>

      <pagination
        v-show="total>0"
        :total="total"
        :page.sync="queryParams.pageNum"
        :limit.sync="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
</template>

<script>
  import { shigonglistInfo,caseConstInfoListTwo } from "@/api/construction/caseinfo";

  export default {
        name: "caseinfo",
    data() {
      return {
        // 遮罩层
        loading: true,
        // 选中数组
        ids: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 施工案例表格数据
        infoList: [],
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        open: false,
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          constructionId: null,
          infoDesc: null,
          casePicurl: null,
          caseVideourl: null,
          conOrder: null,
          conStatus: null,
          modifiedTime: null,
          doorArea: null,
          decoratePrice: null,
          decorStyle: null,
          stylist: null,
          familyRoom: null,
          caseArea: null,
          caseName: null,
          caseWreathed: null,
          caseAcreage: null,
          customerId: null
        },
        // 表单参数
        form: {},

      };
    },
    created() {
      this.getList();
    },
    methods: {
      shuangjiya(row){
        this.$router.push({
          path:"/caseinfo/type/caseinfovue/",
          query:{
            constructionId: row.constructionId,
          }
        })
      },
      /** 查询施工案例列表 */
      getList() {
        this.loading = true;
        shigonglistInfo(this.queryParams).then(response => {
          this.infoList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
      },

      // 多选框选中数据
      handleSelectionChange(selection) {
        this.ids = selection.map(item => item.caseId)
        this.single = selection.length!==1
        this.multiple = !selection.length
      },

    }


    }
</script>

<style scoped>

</style>
